<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/other/DIY.css"/>
	</head>
	<body>
		<div class="web">
			<!--头部-->
			<div class="header">
				<div class="header-pic fl">
					<img src="../img/other/index-logo.PNG"/>
				</div>
				<div class="header-nav fl">
					<ul>
						<li>
							<a href="../index.html">首页</a>
						</li>
						<li>
							<a href="../personal/upper.html">骑行</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="../personal/upper.html">跑步</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="../personal/upper.html">休闲</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="../index.html#brand">品牌区</a>
						</li>
						<li>
							<a href="#">设计师</a>
						</li>
						
					</ul>
				</div>
				<div class="header-search fr">
					<input type="search">
					<!--<div class="header-search-box">-->
					<input type="button">
				</div>
				<div class="header-right fr">
					<ul>
						<a href="../other/buy1.html">
							<li>
								<img src="../img/other/header-pic1.png"/>
							</li>
						</a>
						<li id="header-login">
							<a href="../other/login.html">
								<img src="../img/other/header-pic2.png"/>
							</a>
							<div class="header-login-block">
								<ul>
									<li><a href="../other/login.html">登录</a></li>
									<li><a href="../personal/myorder.html">我的订单</a></li>
								</ul>
							</div>
						</li>
						<a href="">
							<li>
								<img src="../img/other/header-pic3.png"/>
							</li>
						</a>
						<a href="other/leaguelogin.html">
							<li>
								<img src="../img/other/header-pic4.png"/>
							</li>
						</a>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			
			<!--DIY1内容-->
			<div class="DIY1">
				<div class="DIYtitle">
					<div class="DIYtile-active" id="DIYtitle1">
						<span>1 产品</span>
					</div>
					<div id="DIYtitle2">
						<span>2 设计</span>
					</div>
					<div id="DIYtitle3">
						<span>3  定制完成</span>
					</div>
					<div id="DIYtitle4">
						<span>4  购买</span>
					</div>
				</div>
				<p>选择种类</p>
				<div class="DIY1-item-box">
					<div class="DIY1-item1">
						<a href="DIY2.html">
							<div class="DIY1-item1-pic">
								<img src="../img/other/DIY1-pic1.png"/>
							</div>
						</a>
						<p>骑行上衣<img src="../img/other/DIY1-text-pic.png"/></p>
					</div>
					<div class="DIY1-item1">
						<a href="DIY2.html">
							<div class="DIY1-item1-pic">
								<img src="../img/other/DIY1-pic2.png"/>
							</div>
						</a>
						<p>骑行裤子<img src="../img/other/DIY1-text-pic.png"/></p>
					</div>
					<div class="DIY1-item1">
						<a href="DIY2.html">
							<div class="DIY1-item1-pic">
								<img src="../img/other/DIY1-pic3.png"/>
							</div>
						</a>
						<p>骑行套装<img src="../img/other/DIY1-text-pic.png"/></p>
					</div>
					<div class="DIY1-item1">
						<a href="DIY2.html">
							<div class="DIY1-item1-pic">
								<img src="../img/other/DIY1-pic4.png"/>
							</div>
						</a>
						<p>铁三<img src="../img/other/DIY1-text-pic.png"/></p>
					</div>
					
					<div class="DIY1-item2">
						<a href="DIY2.html">
							<div class="DIY1-item2-pic">
								<img src="../img/other/DIY1-pic5.png"/>
							</div>
						</a>
						<p>铁三短裤<img src="../img/other/DIY1-text-pic.png"/></p>
					</div>
					<div class="DIY1-item2">
						<a href="DIY2.html">
							<div class="DIY1-item2-pic">
								<img src="../img/other/DIY1-pic6.png"/>
							</div>
						</a>
						<p>铁三上衣<img src="../img/other/DIY1-text-pic.png"/></p>
					</div>
					<div class="DIY1-item2">
						<a href="DIY2.html">
							<div class="DIY1-item2-pic">
								<img src="../img/other/DIY1-pic7.png"/>
							</div>
						</a>
						<p>铁三套装<img src="../img/other/DIY1-text-pic.png"/></p>
					</div>
				</div>
			</div>
			
			<!--页脚-->
			<footer>
				<div class="footer-link">
					<div class="footer-pic fl">
						<img src="../img/other/footer-pic1.png"/>
					</div>
					<div class="footer-right fr">
						<ul>
							<li>
								<ul class="footer-text">
									<li>
										<a href="">新手指南</a>
									</li>
									<li>
										<a href="">用户注册</a>
									</li>
									<li>
										<a href="">定制流程</a>
									</li>
									<li class="footer-text-last"></li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="">付款方式</a>
									</li>
									<li>
										<a href="">支付方式</a>
									</li>
									<li>
										<a href="">支付问题</a>
									</li>
									<li>
										<a href="">常见问题</a>
									</li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="">售后服务</a>
									</li>
									<li>
										<a href="">退款换货</a>
									</li>
									<li>
										<a href="">配送方式</a>
									</li>
									<li>
										<a href="">联系我们</a>
									</li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="">政策条款</a>
									</li>
									<li>
										<a href="">服务协议</a>
									</li>
									<li>
										<a href="">隐私条款</a>
									</li>
									<li>
										<a href="">版权条款</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
				<div class="footer-reg">
					<p>
						© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1
					</p>
				</div>
			</footer>
			
		</div>
	</body>
</html>
